<template>
    <div class="ProcessTrack4">
        <div class="shareHeadClass" >
            <p class="colCLas"></p>
            <p class="info">审核轨迹</p>
        </div>
        <tableList
            border
            maxHeight="240"
            :keySet="keySet"
            :tableData="$store.state.invoice2.invoinceFormTrack4"
            handlerFixed="right"
        ></tableList>   
    </div>
</template>

<script>
import tableList from '@/components/tableList/index.vue'
import mixinTable from '@/mixin/mtable.js'

export default {
    name: 'ProcessTrack4',
    mixins: [mixinTable],
    data() {
        return {
            keySet: [
                {
                    label: '处理人员',
                    englishName: 'createdBy',
                },
                {
                    label: '处理岗位',
                    englishName: 'rolename',//
                },
                {
                    label: '处理环节',
                    englishName: 'nodeName', // 
                },
                {
                    label: '开始时间',
                    englishName: 'createdTime',//
                },
                {
                    label: '结束时间',
                    englishName: 'endTime', // 
                },
                {
                    label: '处理结果',
                    englishName: 'handleResult',//
                },
                {
                    label: '事项说明',
                    englishName: 'remark', // 
                },
            ],
        }
    },
    created(){
        
        let obj = JSON.parse(
            sessionStorage.getItem('handleDetailInfo')
            )
        this.getFour(obj.busId)
    },
    methods:{
        getFour( busId ) {
            this.$store.dispatch('invoice2/getFour', busId)
        },
    },
    components:{
        tableList
    }
}
</script>

<style lang = "scss" scoped>
.ProcessTrack4 {
    margin-bottom: 6px;
}
</style>
